<%@ page language="java" pageEncoding="UTF-8" %>
<%@ include file="../portal_common/taglibs.jsp" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <title>瓷器商城，欢迎登录</title>

    <link rel="stylesheet" type="text/css" href="${ctx}/css/webbase.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/css/pages-login.css"/>
</head>

<body>
<div class="login-box">
    <!--head-->
    <div class="py-container logoArea">
        <a href="${ctx}/index" class="logo"  style="background-position: 10px 10px;"></a>
    </div>
    <!--loginArea-->
    <div class="loginArea">
        <div class="py-container ">
            <div class="loginform">
                <ul class="sui-nav nav-tabs tab-wraped">
                    <li class="active">
                        <a href="#profile" data-toggle="tab">
                            <h3>账户登录</h3>
                        </a>
                    </li>
                    <li>
                        <a href="#index" data-toggle="tab">
                            <h3>扫码登录</h3>
                        </a>
                    </li>
                </ul>
                <div class="tab-content tab-wraped">
                    <%--<div id="index" class="tab-pane">--%>
                        <%--<p>二维码登录，暂为官网二维码</p>--%>
                        <%--<img src="${ctx}/img/wx_cz.jpg"/>--%>
                    <%--</div>--%>
                    <div id="profile" class="tab-pane  active">
                        <form class="sui-form" action="${ctx}/login" method="post">
                            <div class="input-prepend"><span class="add-on loginname"></span>
                                <input name="username" type="text" placeholder="用户名"
                                       class="span2 input-xfat">
                            </div>
                            <div class="input-prepend"><span class="add-on loginpwd"></span>
                                <input name="password" type="password" placeholder="请输入密码" class="span2 input-xfat">
                            </div>
                            <div class="setting">
                                <label class="checkbox inline">
                                    <input name="remember-me" type="checkbox" checked="">
                                    记住我
                                </label>
                                <span class="forget"><a href="${ctx}/forget">忘记密码？</a></span>
                            </div>
                            <div class="logined">
                                <button class="sui-btn btn-block btn-xlarge btn-danger" type="submit">登&nbsp;&nbsp;录</button>
                            </div>
                        </form>
                        <div class="otherlogin">
                            <div class="types">
                                <ul>
                                    <li><img src="${ctx}/img/qq.png" width="35px" height="35px"/></li>
                                    <li><img src="${ctx}/img/sina.png"/></li>
                                    <li><img src="${ctx}/img/ali.png"/></li>
                                    <li><img src="${ctx}/img/weixin.png"/></li>
                                </ul>
                            </div>
                            <span class="register"><a href="${ctx}/register">立即注册</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--foot-->
    <div class="py-container copyright">
        <ul>
            <li>关于我们</li>
            <li>联系我们</li>
            <li>联系客服</li>
            <li>商家入驻</li>
            <li>营销中心</li>
            <li>手机瓷器商城</li>
            <li>销售联盟</li>
            <li>瓷器商城社区</li>
        </ul>
        <div class="address">
            地址：地球中国河北省大连市他旮旯村儿 邮编：100000 电话：400-400-4000 传真：010-11111111
        </div>
        <div class="beian">京ICP备--------号京公网安备ABCABCABC
        </div>
    </div>
</div>

<script type="text/javascript" src="${ctx}/js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/js/plugins/jquery.easing/jquery.easing.min.js"></script>
<script type="text/javascript" src="${ctx}/js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="${ctx}/js/plugins/jquery-placeholder/jquery.placeholder.min.js"></script>
<script type="text/javascript" src="${ctx}/js/pages/login.js"></script>
</body>

</html>